<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/css/demo.css">

<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/button.css" />
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/dialog.css" />
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/linkbutton.css" />
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/menu.css">
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/menuitem.css">
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/menuseparator.css">
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/tab.css" />
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/tabbar.css" />
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/toolbar.css" />
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/colormenubutton.css" />
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/palette.css" />
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/colorpalette.css" />

<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/editor/bubble.css" />
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/editor/dialog.css" />
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/editor/linkdialog.css" />
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/editortoolbar.css" />

<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/dialog.css" />
<link rel="stylesheet"
	href="http://closure-library.googlecode.com/svn/trunk/closure/goog/css/editor/equationeditor.css" />
<style>
#editMe {
	width: 87%;
	height: 300px;
	background-color: white;
	border: 1px solid grey;
}
</style>
<div>
	<h1>goog.editor Demo</h1>
	<p>This is a demonstration of a editable field, with installed
		plugins, hooked up to a toolbar.</p>
	<br>
	<div id='toolbar' style='width: 602px'></div>
	<div id='editMe'></div>
	<hr>
	<p>
		<b>Current field contents</b> (updates as contents of the editable
		field above change):<br>
		<textarea id="fieldContents" style="height: 100px; width: 400px;"></textarea>
		<br> <input type="button" value="Set Field Contents"
			onclick="myField.setHtml(false, goog.dom.getElement('fieldContents').value);" />
		(Use to set contents of the editable field to the contents of this
		textarea)
	</p>
</div>

{% if dev %}
<script
	src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"></script>
<script src="static/editor.js"></script>
{% else %}
<script src="static/editor-compiled.js"></script>
{% endif %}
<script>
	editor_setup()
</script>
